<!DOCTYPE html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"  />
		<title>进度条媒体对象和well组件</title>
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<style>
			.a{
				height: 50px;
				width: 100px;
				border:1px solid #ccc;
				background: #eee;
			}
		</style>
	</head>
	<body style="margin: 100px;"> 
		<!--<div class="well well-lg">Bootstrap</div>-->
		<div class="progress">
			<div class="progress-bar" style="width: 60%;">60%</div>
		</div>
		<div class="progress">
			<div class="progress-bar" style="min-width:20px; width: 0%;">0%</div>
		</div>
		<div class="progress">
			<div class="progress-bar progress-bar-success progress-bar-striped" style="min-width:20px; width: 50%;">50%</div>
		</div>
		<div class="progress">
			<div class="progress-bar progress-bar-success progress-bar-striped active" style="min-width:20px; width: 50%;">50%</div>
		</div>
		<div class="progress">
			<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 20%;">20%</div>
			<div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 60%;">60%</div>
			<div class="progress-bar progress-bar-success progress-bar-striped" style="width: 20%;">100%</div>
		</div>
		
		<div class="media">
			<div class="media-left media-middle">
				<img src="images/b.jpg" class="media-object" style="width: 60px; height: 60px;" />
			</div>
			<div class="media-body">
				<h4 class="media-heading">骨头骨头</h4>
				<p>当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
			</div>
		</div>
		
		<div class="media">
			<div class="media-body">
				<h4 class="media-heading">骨头骨头</h4>
				<p>当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
			</div>
			<div class="media-right media-middle">
				<img src="images/b.jpg" class="media-object" style="width: 60px; height: 60px;" />
			</div>
		</div>
		
		<ul class="media-list">
			<li class="media">
				<div class="media-left media-top">
					<img src="images/b.jpg" class="media-object" style="width: 60px; height: 60px;" />
				</div>
				<div class="media-body">
					<h4 class="media-heading">骨头骨头</h4>
					<p>当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
					<div class="media">
						<div class="media-left media-top">
							<img src="images/b.jpg" class="media-object" style="width: 60px; height: 60px;" />
						</div>
						<div class="media-body">
							<h4 class="media-heading">骨头骨头</h4>
							<p>当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
							<div class="media">
								<div class="media-left media-top">
									<img src="images/b.jpg" class="media-object" style="width: 60px; height: 60px;" />
								</div>
								<div class="media-body">
									<h4 class="media-heading">骨头骨头</h4>
									<p>当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
								</div>
							</div>
						</div>
					</div>
					<div class="media">
						<div class="media-left media-top">
							<img src="images/b.jpg" class="media-object" style="width: 60px; height: 60px;" />
						</div>
						<div class="media-body">
							<h4 class="media-heading">骨头骨头</h4>
							<p>当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
						</div>
					</div>
				</div>
			</li>
			<li class="media">
				<div class="media-left media-middle">
					<img src="images/b.jpg" class="media-object" style="width: 60px; height: 60px;" />
				</div>
				<div class="media-body">
					<h4 class="media-heading">骨头骨头</h4>
					<p>当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
				</div>
			</li>
		</ul>
		<script src="jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
	</body>
	
</html>
